<!DOCTYPE html>
<html lang="en">
<head>
    <!--移动端title之前三要素-->
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>胜蓝云培训</title>
    <!--import bootstrap css-->
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <!--import reset css-->
    <link rel="stylesheet" href="css/reset.css">
    <!--import home css-->
    <link rel="stylesheet" href="css/homeStyle.css">
</head>
<body>
<!--page-->
    <div class="page">
        <!--logo 用户-->
        <header class="page_head clearfix">
            <!--logo-->
            <span><a href="Home.html"><img src="images/home/yunpeixunLogo.png" alt=""></a></span>
            <!--用户-->
            <span><a href="login.html"><img src="images/home/user.png" alt=""></a></span>
        </header>
        <!--轮播图-->
        <div class="carousel_box">
            <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
                <!-- Indicators -->
                <ol class="carousel-indicators">
                    <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
                    <li data-target="#carousel-example-generic" data-slide-to="1"></li>
                    <li data-target="#carousel-example-generic" data-slide-to="2"></li>
                </ol>

                <!-- Wrapper for slides -->
                <div class="carousel-inner carousel_wrapper" role="listbox">
                    <div class="item active">
                        <img src="images/home/imgTest1.jpg" alt="...">
                        <div class="carousel-caption">
                            ...
                        </div>
                    </div>
                    <div class="item">
                        <img src="images/home/imgTest2.jpg" alt="...">
                        <div class="carousel-caption">
                            ...
                        </div>
                    </div>
                    <div class="item">
                        <img src="images/home/imgTest3.jpg" alt="...">
                        <div class="carousel-caption">
                            ...
                        </div>
                    </div>
                </div>

            </div>
        </div>
        <!--菜单-->
        <div class="menu">
            <div class="container">
                <div class="menu_container">
                    <ul class="clearfix">
                        <li class="active"><a href="News.html"><div><img src="images/home/Ajj4.ico" alt=""></div><h1>学校动态</h1></a></li>
                        <li><a href="javascript:;"><div><img src="images/home/Ajj4.ico" alt=""></div><h1>学校环境</h1></a></li>
                        <li><a href="Course.html"><div><img src="images/home/Ajj4.ico" alt=""></div><h1>课程体系</h1></a></li>
                        <li><a href="javascript:;"><div><img src="images/home/Ajj4.ico" alt=""></div><h1>职业证书</h1></a></li>
                        <li><a href="javascript:;"><div><img src="images/home/Ajj4.ico" alt=""></div><h1>关于我们</h1></a></li>
                        <li><a href="javascript:;"><div><img src="images/home/Ajj4.ico" alt=""></div><h1>在线教育</h1></a></li>
                    </ul>
                </div>
            </div>
        </div>
        <!--通知公告-->
        <div class="notice">
            <div class="container">
                <div class="notice_box">
                    <h1 class="notice_title clearfix">
                        <b>通知公告 :</b>
                        <a href="javascript:;"><span>更多>></span></a>
                    </h1>
                    <div class="txtScroll-top">
                        <div class="bd">
                            <ul class="infoList">
                                <li class="clearfix"><span class="date">2011-11-11</span><a href="javascript:;">中国打破了世界软件巨头规则中国打破了世界软件巨头规则中国打破了世界软件巨头规则中国打破了世界软件巨头规则</a></li>
                                <li class="clearfix"><span class="date">2011-11-11</span><a href="javascript:;">口语：会说中文就能说英语！</a></li>
                                <li class="clearfix"><span class="date">2011-11-11</span><a href="javascript:;">农场摘菜不如在线学外语好玩中国打破了世界软件巨头规则中国打破了世界软件巨头规则中国打破了世界软件巨头规则</a></li>
                                <li class="clearfix"><span class="date">2011-11-11</span><a href="javascript:;">数理化老师竟也看学习资料？中国打破了世界软件巨头规则中国打破了世界软件巨头规则</a></li>
                                <li class="clearfix"><span class="date">2011-11-11</span><a href="javascript:;">学英语送ipad2,45天突破听说中国打破了世界软件巨头规则中国打破了世界软件巨头规则</a></li>
                                <li class="clearfix"><span class="date">2011-11-11</span><a href="javascript:;">学外语，上北外！中国打破了世界软件巨头规则中国打破了世界软件巨头规则</a></li>
                                <li class="clearfix"><span class="date">2011-11-11</span><a href="javascript:;">那些无法理解的荒唐事中国打破了世界软件巨头规则中国打破了世界软件巨头规则</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--中心概况-->
        <div class="center_detail">
            <div class="container">
                <div class="center_detail_box">
                    <!--标题 更多-->
                    <h1 class="center_detail_title clearfix">
                        <b>中心概况 :</b>
                        <a href="javascript:;"><span>更多>></span></a>
                    </h1>
                    <!--主要容器-->
                    <div class="center_detail_container">
                        <!--图片-->
                        <div class="center_detail_img">
                            <img src="images/home/center_img.jpg" alt="">
                        </div>
                        <!--文字-->
                        <div class="center_detail_content">
                            <div class="container-fluid">
                                <p class="center_detail_word">
                                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;基础教育语文研究中心基础，教育语文研究中心基础教育语文，研究中心基础教育语文研究中心基础教育语文研究中心。基础教育语文研究中心基础，教育语文研究中心基础教育语文，研究中心基础教育语文研究中心基础教育语文研究中心。基础教育语文研究中心基础，教育语文研究中心基础教育语文，研究中心基础教育语文研究中心基础教育语文研究中心。

                                    基础教育语文研究中心基础，教育语文研究中心基础教育语文，研究中心基础教育语文研究中心基础教育语文研究中心。基础教育语文研究中心基础，教育语文研究中心基础教育语文，研究中心基础教育语文研究中心基础教育语文研究中心...
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--新闻热点-->
        <div class="news">
            <div class="container">
                <div class="news_box">
                    <!--标题 更多-->
                    <h1 class="news_title clearfix">
                        <b>新闻热点 :</b>
                        <a href="javascript:;"><span>更多>></span></a>
                    </h1>
                    <!--主要容器-->
                    <div class="news_container">
                        <ul>
                            <!--教育新闻-->
                            <li class="news_content_box">
                                <!--标题-->
                                <h1 class="news_content_box_title clearfix"><span>教育</span><i></i><span>新闻</span></h1>
                                <!--上部内容-->
                                <div class="news_content_box_top clearfix">
                                    <!--左侧图片-->
                                    <div class="news_content_box_lf">
                                        <img src="images/home/n1.jpg" alt="">
                                    </div>
                                    <!--右侧内容-->
                                    <div class="news_content_box_ri">
                                        <div>新闻标题新闻标题新闻标题新闻标题</div>
                                        <div>新闻标题新闻标题新闻标题新闻,标题新,标题新闻标题新闻标题新闻标题... <a href="javascript:;">详细</a></div>
                                    </div>
                                </div>
                                <!--下部内容-->
                                <div class="news_content_box_bottom">
                                    <ul>
                                        <li><a href="javascript:;">新闻标题新闻标题新闻标题新闻</a></li>
                                        <li><a href="javascript:;">新闻标题新闻标题新闻标题新闻</a></li>
                                        <li><a href="javascript:;">新闻标题新闻标题新闻标题新闻</a></li>
                                        <li><a href="javascript:;">新闻标题新闻标题新闻标题新闻</a></li>
                                        <li><a href="javascript:;">新闻标题新闻标题新闻标题新闻</a></li>
                                    </ul>
                                </div>
                            </li>
                            <!--工作动态-->
                            <li class="news_content_box">
                                <h1 class="news_content_box_title clearfix"><span>工作</span><i></i><span>动态</span></h1>
                                <!--上部内容-->
                                <div class="news_content_box_top clearfix">
                                    <!--左侧图片-->
                                    <div class="news_content_box_lf">
                                        <img src="images/home/n1.jpg" alt="">
                                    </div>
                                    <!--右侧内容-->
                                    <div class="news_content_box_ri">
                                        <div>新闻标题新闻标题新闻标题新闻标题</div>
                                        <div>新闻标题新闻标题新闻标题新闻,标题新,标题新闻标题新闻标题新闻标题... <a href="javascript:;">详细</a></div>
                                    </div>
                                </div>
                                <!--下部内容-->
                                <div class="news_content_box_bottom">
                                    <ul>
                                        <li><a href="javascript:;">新闻标题新闻标题新闻标题新闻</a></li>
                                        <li><a href="javascript:;">新闻标题新闻标题新闻标题新闻</a></li>
                                        <li><a href="javascript:;">新闻标题新闻标题新闻标题新闻</a></li>
                                        <li><a href="javascript:;">新闻标题新闻标题新闻标题新闻</a></li>
                                        <li><a href="javascript:;">新闻标题新闻标题新闻标题新闻</a></li>
                                    </ul>
                                </div>

                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <!--名师风采-->
        <div class="famouse_teacher">
            <div class="container">
                <div class="famouse_teacher_box">
                    <!--标题 更多-->
                    <h1 class="famouse_teacher_title clearfix">
                        <b>名师风采 :</b>
                        <a href="javascript:;"><span>更多>></span></a>
                    </h1>
                    <!--主要容器-->
                    <div class="famouse_teacher_container">
                        <ul>
                            <!--名师资源-->
                            <li class="famouse_teacher_content_box">
                                <!--标题-->
                                <h1 class="news_content_box_title clearfix"><span>名师</span><i></i><span>资源</span></h1>
                                <!--内容-->
                                <div class="news_content_box_bottom">
                                    <ul>
                                        <li><a href="javascript:;">新闻标题新闻标题新闻标题新闻</a></li>
                                        <li><a href="javascript:;">新闻标题新闻标题新闻标题新闻</a></li>
                                        <li><a href="javascript:;">新闻标题新闻标题新闻标题新闻</a></li>
                                        <li><a href="javascript:;">新闻标题新闻标题新闻标题新闻</a></li>
                                        <li><a href="javascript:;">新闻标题新闻标题新闻标题新闻</a></li>
                                    </ul>
                                </div>
                            </li>
                            <!--名师推荐-->
                            <li class="famouse_teacher_content_box">
                                <div>
                                    <!--标题-->
                                    <h1 class="famouse_teacher_content_box_title clearfix"><span>名师</span><i></i><span>推荐</span></h1>
                                    <!--内容-->
                                    <div class="famouse_teacher_content_box_bottom">
                                        <ul>
                                            <li><a href="javascript:;">人名: 课程名称课程名称课程名称</a></li>
                                            <li><a href="javascript:;">人名: 课程名称课程名称课程名称</a></li>
                                            <li><a href="javascript:;">人名: 课程名称课程名称课程名称</a></li>
                                            <li><a href="javascript:;">人名: 课程名称课程名称课程名称</a></li>
                                            <li><a href="javascript:;">人名: 课程名称课程名称课程名称</a></li>
                                        </ul>
                                    </div>
                                    <div>
                                        <!--标题-->
                                        <h1 class="famouse_teacher_content_box_title clearfix"><span>名师</span><i></i><span>简介</span></h1>
                                        <!--内容-->
                                        <div class="famouse_teacher_brief_box">
                                            <ul class="famouse_teacher_brief clearfix">
                                                <li>
                                                    <a href="javascript:;">
                                                        <div><img src="images/home/teacher.jpg" alt=""></div>
                                                        <h1>老师</h1>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="javascript:;">
                                                        <div><img src="images/home/teacher.jpg" alt=""></div>
                                                        <h1>老师</h1>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="javascript:;">
                                                        <div><img src="images/home/teacher.jpg" alt=""></div>
                                                        <h1>老师</h1>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="javascript:;">
                                                        <div><img src="images/home/teacher.jpg" alt=""></div>
                                                        <h1>老师</h1>
                                                    </a>
                                                </li>
                                            </ul>
                                        </div>
                                </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <!--学友之家-->
        <div class="friend">
            <div class="container">
                <div class="friend_box">
                    <!--标题 更多-->
                    <h1 class="friend_title clearfix">
                        <b>学友之家 :</b>
                        <a href="javascript:;"><span>更多>></span></a>
                    </h1>
                    <!--主要容器-->
                    <div class="friend_container">
                        <!--无缝图片滚动-->
                        <div class="picMarquee-left">
                            <div class="hd">
                                <a class="next"></a>
                                <a class="prev"></a>
                            </div>
                            <div class="bd">
                                <ul class="picList">
                                    <li>
                                        <div class="pic"><a href="javascript:;"><img src="images/home/ac1.jpg" /></a></div>
                                        <div class="title"><a href="javascript:;">效果图1</a></div>
                                    </li>
                                    <li>
                                        <div class="pic"><a href="javascript:;"><img src="images/home/ac1.jpg" /></a></div>
                                        <div class="title"><a href="javascript:;">效果图2</a></div>
                                    </li>
                                    <li>
                                        <div class="pic"><a href="javascript:;"><img src="images/home/ac1.jpg" /></a></div>
                                        <div class="title"><a href="javascript:;">效果图3</a></div>
                                    </li>
                                    <li>
                                        <div class="pic"><a href="javascript:;"><img src="images/home/ac1.jpg" /></a></div>
                                        <div class="title"><a href="javascript:;">效果图4</a></div>
                                    </li>
                                    <li>
                                        <div class="pic"><a href="javascript:;"><img src="images/home/ac1.jpg" /></a></div>
                                        <div class="title"><a href="javascript:;">效果图5</a></div>
                                    </li>
                                    <li>
                                        <div class="pic"><a href="javascript:;"><img src="images/home/ac1.jpg" /></a></div>
                                        <div class="title"><a href="javascript:;">效果图6</a></div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--教学资源-->
        <div class="teach">
            <div class="container">
                <div class="teach_box">
                    <!--标题 更多-->
                    <h1 class="teach_title clearfix">
                        <b>教学资源 :</b>
                        <a href="javascript:;"><span>更多>></span></a>
                    </h1>
                    <!--主要容器-->
                    <div class="teach_container">
                        <ul>
                            <!--文献资料-->
                            <li class="teach_content_box">
                                <!--标题-->
                                <h1 class="news_content_box_title clearfix"><span>文献</span><i></i><span>资料</span></h1>
                                <!--内容-->
                                <div class="news_content_box_bottom">
                                    <ul>
                                        <li><a href="javascript:;">新闻标题新闻标题新闻标题新闻</a></li>
                                        <li><a href="javascript:;">新闻标题新闻标题新闻标题新闻</a></li>
                                        <li><a href="javascript:;">新闻标题新闻标题新闻标题新闻</a></li>
                                        <li><a href="javascript:;">新闻标题新闻标题新闻标题新闻</a></li>
                                        <li><a href="javascript:;">新闻标题新闻标题新闻标题新闻</a></li>
                                    </ul>
                                </div>
                            </li>
                            <!--学习资料-->
                            <li class="teach_content_box">
                                <div>
                                    <!--标题-->
                                    <h1 class="teach_content_box_title clearfix"><span>学习</span><i></i><span>资料</span></h1>
                                    <!--内容-->
                                    <div class="teach_content_box_bottom">
                                        <ul>
                                            <li><a href="javascript:;">人名: 课程名称课程名称课程名称</a></li>
                                            <li><a href="javascript:;">人名: 课程名称课程名称课程名称</a></li>
                                            <li><a href="javascript:;">人名: 课程名称课程名称课程名称</a></li>
                                            <li><a href="javascript:;">人名: 课程名称课程名称课程名称</a></li>
                                            <li><a href="javascript:;">人名: 课程名称课程名称课程名称</a></li>
                                        </ul>
                                    </div>
                                    <div>
                                        <!--标题-->
                                        <h1 class="teach_content_box_title clearfix"><span>教学</span><i></i><span>视频</span></h1>
                                        <!--内容-->
                                        <div class="teach_brief_box">
                                            <ul class="teach_brief clearfix">
                                                <li>
                                                    <a href="javascript:;">
                                                        <div><img src="images/home/teacher.jpg" alt=""></div>
                                                        <h1>老师</h1>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="javascript:;">
                                                        <div><img src="images/home/teacher.jpg" alt=""></div>
                                                        <h1>老师</h1>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="javascript:;">
                                                        <div><img src="images/home/teacher.jpg" alt=""></div>
                                                        <h1>老师</h1>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="javascript:;">
                                                        <div><img src="images/home/teacher.jpg" alt=""></div>
                                                        <h1>老师</h1>
                                                    </a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <!--友情链接-->
        <div class="friend_link">
            <div class="container">
                <div class="friend_link_box">
                    <ul class="clearfix">
                        <li>友情链接:</li>
                        <li><a href="javascript:;">友情链接</a></li>
                        <li><a href="javascript:;">友情链接</a></li>
                        <li><a href="javascript:;">友情链接</a></li>
                        <li><a href="javascript:;">友情链接</a></li>
                        <li><a href="javascript:;">友情链接</a></li>
                        <li><a href="javascript:;">友情链接</a></li>
                    </ul>
                </div>
            </div>
        </div>
        <!--版权地址-->
        <footer>
            <h1>版权所有: 泸州胜蓝职业技术学校</h1>
            <h2>电话: 023-88888888</h2>
            <h3>邮箱: XXXXXXXXX@163.com</h3>
            <h4>泸州市江阳区XXXXXXX</h4>
        </footer>
    </div>

    <!--import bootstrap js-->
    <script src="js/jquery-3.1.1.min.js" type="text/javascript"></script>
    <script src="js/bootstrap.min.js" type="text/javascript"></script>
    <!--import 文字无缝向上滚动js-->
    <script type="text/javascript" src="js/jquery.SuperSlide.2.1.3.js"></script>
    <!--import myself js-->
    <script type="text/javascript" src="js/home_js.js"></script>
</body>
</html>